<template>
  <div>
    <!-- 下拉菜单 -->
    <van-dropdown-menu>
      <van-dropdown-item v-model="value1" :options="option1" />
      <van-dropdown-item v-model="value2" :options="option2" />
    </van-dropdown-menu>
    <!-- 搜索提示 -->
    <van-empty v-if="searchTipsListData.length==0"  image="search" description="暂时没有找到相关内容" />
    <sciences v-else :searchTipsListData="searchTipsListData"></sciences>
  </div>
</template>

<script>
import Sciences from "./Sciences.vue";
export default {
  data() {
    return {
      value1: 0,
      value2: "a",
      option1: [
        { text: "全部商品", value: 0 },
        { text: "新款商品", value: 1 },
        { text: "活动商品", value: 2 },
      ],
      option2: [
        { text: "默认排序", value: "a" },
        { text: "好评排序", value: "b" },
        { text: "销量排序", value: "c" },
      ],
    };
  },
  props: ["searchTipsListData"],
  components: { Sciences },
};
</script>

<style lang="scss" scoped>
</style>